<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    .em{
        font-size: 14px;
        color: #f10158;
    }
    #imap{
        width: 200px;
        height: 150px;
    }
    ul li{
        color: #0099ff;
    }
    /*属性选择器*/
    input[type='text']{
        background: #FFFFED;
        font-size: 18px;
    }

    input[type*='pass']{
        background: #FFFFED;
        font-size: 18px;
    }
    section img:nth-of-type(1){
        width: 200px;
        height: 150px;
    }
    footer a{
        font-size: 14px;
        color: #9873f2;
    }
    </style>
</head>
<body>
<header>
<h1><img src="images/163logo.gif"></h1>
<a href="#" class="em">免费邮</a>&nbsp<a href="#" class="em">企业邮</a>&nbsp<a href="#" class="em">VIP邮箱</a>&nbsp<a href="#" class="em">帮助</a>

</header>

<section>

<div>
    <img src="images/imap.jpg" id="imap">
    <ul>
        <li>163/126/yeah三大免费邮箱均默认开放</li>
        <li>全面支持iPhone/iPad及Android等系统</li>
        <li>客户端、手机与网页，实现发送、阅读邮件</li>
    </ul>
    <a href="#">立即同步普通登录手机号登录</a>
</div>
    <form action="#" method="get">
        <p>
            用户名：
            <input type="text" name="userName"/>
            @163.com
        </p>
        <p>
            密码：
            <input type="password" name="psw"/>
        </p>
        <p>
            版本：
            <select name=""version id="">
                <option value="">默认</option>
                <option value="2018">2018</option>
                <option value="2017">2017</option>
                <option value="2016">2016</option>
                <option value="2015">2015</option>
            </select>
        </p>
        <p>
            <input type="checkbox" value="autoLogin"/>自动登录
            <input type="checkbox" value="ssl" checked/>SSL
        </p>
    </form>
</section>
<footer>
<img src="images/netease_logo.gif">
<a href="#">关于网易</a>
<a href="#">免费邮 </a>
<a href="#">官方博客</a>
<a href="#">客户服务 </a>
<a href="#">隐私政策</a>|
<a href="#">网易公司版权所有  &copy; 2015-2018</a>
</footer>
</body>
</html>